<template>
  <div class="school">
    <h2>学校名称 {{ name }}</h2>
    <h2>学校地址 {{ address }}</h2>
    <button @click="sendSchoolName">把学校名给App</button>
  </div>
</template>

<script>
export default {
  name: "Vue2School",
  props:["getSchoolName"],

  data() {
    return {
      name: "尚硅谷",
      address: "北京",
    };
  },
  methods:{
    sendSchoolName(){
      // 通过调用父组件传递来的方法,将学校名传递给父组件
      this.getSchoolName(this.name);
    }
  }
};
</script>

<style>
.school {
  background-color: skyblue;
  padding:5px;
}
</style>
